;(function($){
    $(function(){

        //购买商品部分
        $.ajax({//http://127.0.0.1/mengbasha/src/html/1index.html
            url:"../../serve/goods.php"
        }).then(function(res){
            console.log(res);
            res.forEach(function(el,index){
                $(".item").eq(index).find("img").attr("src",el.pro_imgs[0]);
                $(".item").eq(index).find("p").eq(0).text(el.pro_name);
                $(".item").eq(index).find("p").eq(1).text("商品价格:"+el.pro_price);
                $(".item").eq(index).find("p").eq(2).find("a").attr("href","xiangqing.html?pro_id="+el.pro_id)
            })
        });
        //1,设置登陆注册这一栏的点击事件

        //登陆
        $(".tlogo .tlogoul li").eq(0).children("a").on("click",function(){
            window.location="1load.html"
        });
        //注册
        $(".tlogo .tlogoul li").eq(1).children("a").on("click",function(){
            window.location="1reg.html"
        });
        //微信
        $(".tlogo .tlogoul li").eq(2).children("a").on("mouseenter",function(){
            $(".tlogo").append("<img src='../image/160919171653.jpg' class='hrimgs'>")
            $(".hrimgs").css({top:35,left:"50%",position:"absolute"})
        });
        $(".tlogo .tlogoul li").eq(2).children("a").on("mouseleave",function(){
            $(".hrimgs").css("display","none")
        });
        //微博
        $(".tlogo .tlogoul li").eq(3).children("a").on("mouseenter",function(){
            $(".tlogo").append("<img src='../image/0826143310.jpg' class='hrimgs'>")
            $(".hrimgs").css({top:35,left:"60%",position:"absolute"})
        });
        $(".tlogo .tlogoul li").eq(3).children("a").on("mouseleave",function(){
            $(".hrimgs").css("display","none")
        });
        //手机版
        $(".tlogo .tlogoul li").eq(4).children("a").on("mouseenter",function(){
            $(".tlogo").append("<img src='../image/0826143318.jpg' class='hrimgs'>")
            $(".hrimgs").css({top:35,left:"65%",position:"absolute"})
        });
        $(".tlogo .tlogoul li").eq(4).children("a").on("mouseleave",function(){
            $(".hrimgs").css("display","none")
        });
        //购物车
        $(".tlogo .tlogoul li").eq(7).children("a").on({
            mouseenter:function(){
                $(".tlogo").append("<div class='hrimgs'></div>");
                $(".hrimgs").css({padding:"50px",top:35,left:"85%",position:"absolute",border:"1px solid #ccc",width:100,height:50,zIndex:1000,backgroundColor:"#fff"})
                $(".hrimgs").html("您的购物车里还没有商品，欢迎选购")
            },
            click:function(){
                window.location="2buycar.html";
            }
        });
        $(".tlogo .tlogoul li").eq(7).children("a").on("mouseleave",function(){
            $(".hrimgs").css({display:"none"})
        });

        //设置右侧黑色滚动条
        $(".parent div").on("mouseenter",function(){
            $(this).css({backgroundColor : "#c10055"});
        });
        $(".parent div").on("mouseleave",function(){
            $(this).css({backgroundColor : "#000"});
        });
        //鼠标划入我的图标出现左边的小弹框
        $(".p1").on("mouseenter",function(){
            var newdiv=$("<div class='p1div'></div>");
            $("body").append(newdiv);
            $(".p1div").css({display:"block"});
        });
        $(".p1").on("mouseleave",function(){
            $(".p1div").css({display:"none"});

        });
        //鼠标点击收藏 跳转到登陆的页面
        $(".p3").on("click",function(){
            window.location="1load.html";
        });
        //鼠标点击购物车跳转到购物车页面
        $(".p2 p:eq(1)").on("click",function(){
            window.location="2buycar.html";
        })
        //返回顶部
                $.goup({
                    trigger: 100,
                    bottomOffset: 150,
                    locationOffset: 0,
                    titleAsText: true
                    });
        //购买商品部分
        $.ajax({//http://127.0.0.1/mengbasha/src/html/1index.html
            url:"../../serve/goods.php"
        }).then(function(res){
            console.log(res);
            res.forEach(function(el,index){
                $(".item").eq(index).find("img").attr("src",el.pro_imgs[0]);
                $(".item").eq(index).find("p").eq(0).text(el.pro_name);
                $(".item").eq(index).find("p").eq(1).text("商品价格:"+el.pro_price);
                $(".item").eq(index).find("p").eq(2).find("a").attr("href","xiangqing.html?pro_id="+el.pro_id)
            })
        });
        //主页轮播图重写
        var num=0;
        var timer;
        function play(){

            if(num>=4){
                num=0;
            }
            $(".ban li").eq(num).fadeIn(1000).siblings("li").fadeOut(1000);
            num++;
        };
        timer=setInterval(play,2000);
        //导航栏切换
        $(".nav li").hover(function(){
            $(this).addClass("current").siblings().removeClass("current");
        },function(){
            $(this).removeClass("current")
        })


        });

})(jQuery);